import SingleImageSelect from '@/components/Materials/SelectCom/SingleImageSelect.vue'

export enum ActiveViews {
  Material = 'material',
  Home = 'home',
  Editor = 'editor',
}

// 组件类型
export enum MaterialComType {
  SingleSelect = 'single-select',
  MultiSelect = 'multi-select',
  DropDownSelect = 'drop-down-select',
  SingleImageSelect = 'single-image-select',
  TextInput = 'text-input',
  RateStore = 'rate-store',
  DateTime = 'date-time',
  TextNote = 'text-note',
}

// 组件详情类型
export enum MaterialComDesType {
  // 单选
  SingleSelect = 'single-select',
  // 多选
  MultiSelect = 'multi-select',
  // 下拉框
  DropDownSelect = 'drop-down-select',
  // 单图
  SingleImageSelect = 'single-image-select',
  // 文本输入框
  TextInput = 'text-input',
  RateScore = 'rate-score',
  // 时间日期
  DateTime = 'date-time',
//   备注
  TextNote = 'text-note',
//   手机号码
  PersonalPhoneNumber = 'phone-number',
//   微信号
  PersonalWechat = 'wechat',
//   邮箱
  PersonalEmail = 'email',
//   QQ号
  PersonalQQ = 'qq',
//  地址
  PersonalAddress = 'address',
}

export enum EditorType {
  textType = 'textType',
  title = 'title',
  desc = 'desc',
  options = 'options',
  position = 'position',
  titleSize = 'titleSize',
  descSize = 'descSize',
  titleWeight = 'titleWeight',
  descWeight = 'descWeight',
  titleItalic = 'titleItalic',
  descItalic = 'descItalic',
  titleColor = 'titleColor',
  descColor = 'descColor',
  type = 'type',
}

export const EditorTypeText: { [key in EditorType]: string } = {
  [EditorType.textType]: '文本类型',
  [EditorType.title]: '标题内容',
  [EditorType.desc]: '描述内容',
  [EditorType.options]: '题目选项',
  [EditorType.position]: '居中设置',
  [EditorType.titleSize]: '标题尺寸',
  [EditorType.descSize]: '描述尺寸',
  [EditorType.titleWeight]: '标题加粗',
  [EditorType.descWeight]: '描述加粗',
  [EditorType.titleItalic]: '标题斜体',
  [EditorType.descItalic]: '描述斜体',
  [EditorType.titleColor]: '标题颜色',
  [EditorType.descColor]: '描述颜色',
  [EditorType.type]: '日期类型'
}
